<template>
	<view>
		<view class="flexbc">
			<view @click="navigate.tab('/pages/my/index')">返回</view>
			<view>反馈</view>
		</view>
		<view class="loginType">
			<view class="logo">美模</view>
			<view>手机验证码登录</view>
			<view>
				<view>手机号</view>
				<view>验证码</view>
			</view>
			<view class="loginBtn"  @click="mobileLogin">注册/登录</view>
			<view class="switchLogin" @click="weixinLogin">微信登录</view>
		</view>
		<view class="readAgreement">
			我已阅读并同意用户协议和隐私政策
		</view>
	</view>
</template>

<script>
	
	export default {
		data() {
			return {
				
			};
		},
		methods: {
			mobileLogin() {
				$.http.post('/Login/mobileLogin', {}, data => {
					
					console.log('mobileLogin', data);
					// $.navigate.tab('/pages/my/index');
					// this.NoticeList = data.NoticeList;
					// this.ReservationOrderList = data.ReservationOrderList;
					// this.WorksList = data.WorksList;
				});
			},
			weixinLogin() {
				$.navigate.to('/pages/login/weixinlogin');
			}
		}
	}
</script>

<style lang="scss">
	
	.loginType {
		margin-top:300rpx;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.logo {
		width:200rpx;
		height:200rpx;
		margin:30rpx;
		text-align: center;
	}
	
	.loginBtn {
		width:70vw;
		height:80rpx;
		line-height: 80rpx;
		background-color: #FFDD00;
		color:#000;
		border-radius: 10rpx;
		text-align: center;
	}
	
	.switchLogin {
		width:500rpx;
		text-align: left;
		margin:30rpx
	}
	
	.readAgreement {
		position: fixed;
		z-index: 200;
		bottom: 100rpx;
		width:100vw;
		text-align: center;
	}

</style>
